<template>
  <div>
    <div>
      <button @click="add">加</button>
      <button @click="prev">减</button>
    </div>
    <div>{{count}}</div>
    <div>{{newCount}}</div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {

    }
  },
  computed:{
    //获取状态数数据一定要在这里，且以这种形式的书写方才做到及时响应，状态属性过多时，请参考文档，使用map形式
    count(){
      return this.$store.state.count;
    },
    newCount(){
      return this.$store.getters.newCount;
    }
  },
  mounted(){

  },
  methods: {
      add: function(){
        this.$store.dispatch("increment", '父组件修改自己后的文本');
        //或
        //this.$store.commit('increment', '父组件修改自己后的文本')
      },
      prev: function(){
        //......
      }
  }
}
</script>

<style scoped>

</style>
